<h2 class="{{class}}">Test</h2>

{{#if showThis}}
<p>Testing <strong>{{{testToken}}}</strong> {{#if otherCondition}}<strong>"{{otherTestToken}}"</strong> {{/if}}</p>
{{else}}
<p>'Thus spoke Zarathustra' – "ORLY?"</p>
{{/if}}

<div class="{{class}}{{#if shouldBeRed}} red{{/if}}">
	<custom-element>Test</custom-element>
	<{{tag}} attr="asdf">asdf</{{tag}}>
	<input name="{{noCaps name}}" placeholder="{{#unless placeholder}}{{name}}{{else}}{{placeholder}}{{/unless}}" type="text"/>
	{{!-- parent context --}}
	{{> template arg=../value}}
	{{../value}}
</div>

{{> yayPartial customData='FoolBar'}}
{{!< GhostStyleExtend}}
{{log "Look at me!"}}

{{! advanced helper parameters }}
{{customHelper "test1" 'test2' 32 true object.value}}
{{{link "See more..." href=story.url class="story" foo='bar'}}}
{{customHelper 'test-single-quote-escaped\''}}
{{customHelper "test-double-quote-escaped\""}}

{{! parameters in block vs inline helpers }}
{{#select a="aa" b="bb" c="cc"}}{{/select}}
{{select a="aa" b="bb" c="cc"}}

{{! FIXME: subexpressions }}
{{! this could be improved }}
{{outer-helper (inner-helper 'abc') 'def'}}

{{! FIXME: named block parameters }}
{{! this could be improved }}
{{#each users as |user userId|}}
	{{#each user.book as |book bookId|}}
		User Id: {{userId}} Book Id: {{bookId}}
	{{/each}}
{{/each}}

{{! FIXME: array notation }}
{{! this could be improved }}
{{#each articles.[10].[#comments]}}
	<h1>{{subject}}</h1>
	<div>
	{{body}}
	</div>
{{/each}}

<p>Not that interesting.</p>
{{! <p>Even less interesting.}} <p>No comment.</p>
{{!-- <p>Marginally less interesting. {{#if otherCondition}}<strong>"{{otherTestToken}}"</strong> {{/if}}</p> --}} <p>Nothing to see here.</p>
{{!-- <p>Marginally less interesting. {{{testToken}}}</p> --}} <p>Move along.</p>
{{! <!-- <h2 class="{{class}}">Test</h2> --> }}
<!-- {{! <h2 class="{{class}}">Test</h2> }} -->
{{/if}}

{{! inline attributes }}
<input type="checkbox" id="medication_taken" {{#if medication_taken}}checked{{/if}}>

{{! Ember ArrayController implicit each loop }}
<ul>
	{{#each}}
		<li>{{name}} by {{artist}}</li>
	{{/each}}
</ul>

{{! with ... as }}
{{#with foo as bar}}
	<li>{{name}} by {{artist}}</li>
{{/with}}

{{! else if }}
{{#if condition}}
<p>First</p>
{{else if alternate}}
<p>Second</p>
{{else if (sub-exp this.message)}}
<p>Third</p>
{{/if}}

{{#x-card onsubmit=attrs.onsubmit title='Login to Peepchat' buttonText='Login'}}
	<div class="row">
		{{x-input
			value=model.email
			errors=validations.attrs.model.email.messages
			classNames='col s12'
			type='email'
			label='Username'}}
	</div>
	<div class="row">
		{{x-input
			value=model.password
			errors=validations.attrs.model.password.messages
			classNames='col s12'
			type='password'
			label='Password'}}
	</div>
{{/x-card}}

{{$x "foo." bar}}

{{!-- con😺 --}}
{{some-component name=(concat firstName " " lastName)}}
{{concat prop1 ' ' prop2}}

{{! partial block }}
{{#> myPartial }}
	Failover content
{{/myPartial}}

{{!-- Ember component path --}}
{{#some-folder/some-path}}{{/some-folder/some-path}}
